<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>轮廓</title>
        <style type="text/css">
            button {
                width: 200px;
                height: 100px;
                border: 5px solid red;
                margin: 50px;
                box-shadow: 0 0 10px 5px blue;
                color: #fff;
                background-color: rgb(108, 142, 255);
            }
            button:last-child {
                outline: pink solid 5px;
            }
            button:hover {
                color: #ff0;
                background-color: blue;
            }
        </style>
    </head>
    <body>
        <button>按钮</button>
        <button>按钮</button>
    </body>
</html>